<!DOCTYPE html>
<html>

	<head>
		<meta charset='UTF-8'>
		<title></title>
		<script type='text/javascript' src='js/jquery-1.12.4.js'></script>
		<script type='text/javascript' src='js/test.js'></script>
		<style>
			* {
				margin: 0;
				font-family: "微软雅黑";
				color: #6A6969;
			}
			.a{
				width: 290px;
				margin: 30px;
				border: 1px solid lightgray;
				background-color: #ffff;
			}
			.d{
				
				border-bottom: 1px solid #D3D3D3;
			}
			.d1{
				padding: 10px 0px 5px 10px;
				border-bottom: 1px solid #EAEAEA;
				background-color: #F6F6F6;
			}
			.d2{
				padding:  10px;
			}
			.d3{
				
				text-align: right;
				margin: 5px 0;
				padding: 0px 10px;
				padding-bottom: 5px;
			}
			input{
				border: none;
				padding: 3px 10px;
				margin:0 3px;
				border-radius: 3px;
				background-color:#7CD877;
				color: white;
			}
			.txt1{
				color: #1B64A2;
				font-size: 18px;
				font-weight: 700;
			}.txt2{
				color: #E27E56;
				font-size: 17px;
				margin: 5px;
			}.txt3{
				
				font-size: 12px;
			}
			.txt4{
				color: #B86849;
				font-size: 15px;
			}
		</style>
		<script>
			$(function() {
				//init()
			})
		</script>
	</head>

	<body>
		<div class="a">
			<div class="d">
				<div class="d1">
					<span class="txt1">&nbsp;语文</span> <span class="txt2">&nbsp;李英俊<span class="txt4">&nbsp;老师</span></span><span class="txt3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2016-09-24:19:30</span>
				</div>
				<div class="d2">
					&nbsp;作业:&nbsp;&nbsp;&nbsp; *************************
						&nbsp;&nbsp;********************************
						&nbsp;&nbsp;********************************
				</div>
				<div class="d3">
					<input type="button" id="inp1" value="已阅" />
					<input type="button" id="inp2" value="完成" />
				</div>
			</div>
			<div class="d">
				<div class="d1">
					<span class="txt1">&nbsp;数学</span> <span class="txt2">&nbsp;张XX<span class="txt4">&nbsp;老师</span></span><span class="txt3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2016-09-24:19:30</span>
				</div>
				<div class="d2">
					&nbsp;作业:&nbsp;&nbsp;&nbsp; *************************
						&nbsp;&nbsp;********************************
						&nbsp;&nbsp;********************************
				</div>
				<div class="d3">
					<input type="button" id="inp1" value="已阅" />
					<input type="button" id="inp2" value="完成" />
				</div>
			</div>
			<div class="d">
				<div class="d1">
					<span class="txt1">&nbsp;英语</span> <span class="txt2">&nbsp;赵铁柱<span class="txt4">&nbsp;老师</span></span><span class="txt3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2016-09-24:19:30</span>
				</div>
				<div class="d2">
					&nbsp;作业:&nbsp;&nbsp;&nbsp; *************************
						&nbsp;&nbsp;********************************
						&nbsp;&nbsp;********************************
				</div>
				<div class="d3">
					<input type="button" id="inp1" value="已阅" />
					<input type="button" id="inp2" value="完成" />
				</div>
			</div>

		</div>

	</body>

</html>